/*ELEMENTS FROM profile.php*/
.MobileProfileContainer1{
	padding:4px;
	position:relative;
	width:100%;
	background-color:white;
}
.MobileProfileContainer2{
	text-align:center;
	font-family:Arial; 
	width:30%; 
	height:100%; 
	margin:auto; 
	position:relative;
}
.MobileProfileImage1{
	max-width:100%;
	max-height:100%; 
	border-radius:4px; 
	z-index:-1;
	min-width:100%;
	min-height:100%;
}
.MobileProfileLabel1{
	display: flex;
	align-items: center; 
	justify-content: center; 
	height:18%; 
	text-decoration:none; 
	background-color:#DCDCDC ; 
	color:black; 
	border-bottom-left-radius:4px; 
	border-bottom-right-radius:4px; 
	font-size:12px; 
	position:absolute; 
	bottom:0; 
	left:0%; 
	width:100%;
	font-family:Arial;	
}
.MobileProfileLabel2{
	color:teal;
	font-size:18px;
	text-align:center;
	width:100%;
	font-family:Arial;
	background-color:white;
	padding-bottom:5%;
	margin-top:0%;
}
.MobileProfileTable{
	font-family:Arial;
	font-size: 14px;
	width:100%;
	display:table;
	border-collapse: collapse;
	table-layout:fixed;
    border-style:hidden;
	background-color:#E8E8E8;
	
	
}
.MobileProfileTableRow{
	display:table-row;
	width:100%;
	border:none;
}
.MobileProfileTableCol{
	display:table-cell;
	width:33%;
	border:none;
	text-align:center;	
	padding:3%
}

.MobileProfileIcons{
	width:30px;
	height:30px;
	
}
.MobileProfileTable2{
	font-family:Arial;
	font-size: 15px;
	width:100%;
	display:table;
	border-collapse: collapse;
	table-layout:fixed;
    border-style:hidden;
	background-color:#E8E8E8;
	text-align:center;	
}
.MobileProfileTable2Row{
	display:table-row;
	width:100%;
	border:2px solid #B0B0B0;
}
.MobileProfileTable2Col{
	padding: 5%;
	display:table-cell;
	width:33.33%;
	border:2px solid #B0B0B0;
	text-overflow: ellipsis;
    overflow-x:hidden;
	white-space:nowrap;
}
.MobileProfileTable2 .MobileProfileTable2Row .MobileProfileTable2Col a {
	color:black;
}
.MobileBtnActive{
	background-color:#B0B0B0;	
}


/*Bottom Navigation Bar*/
.imgActive{
	width:22px;
	height:22px;
}
.labelActive{
	visibility:visible;
}

/*ELEMENTS FROM HOME_MAIN_MOBILE.PHP */
.MobileScrollingTab{
	display:block;
	overflow-x:auto;
	overflow-y:hidden;
    white-space: nowrap;
	font-family:Arial;
	font-size:15px;
	background-color:white;
	margin-top:1%;
	width:100vw; /*change % to vw to fix ios screen display issue*/
	-webkit-overflow-scrolling: touch;
}
::-webkit-scrollbar {
	display:none;
}
.MobileTabSelected{
	border-bottom:5px solid teal;
	color:teal;
}

.MobileScrollingTabContent{
	display:inline-block;
	padding-left:2%;
	padding-right:2%;
	height:100%;
	padding-top:3%;
	padding-bottom:3%;
	
}
/*Elements from home_dashboard_statistics_php*/
.MobileTabHidden{
	display:none;
}
/*Elements from Event Operation Mobile*/
.MobileEventsTableDiv{
	font-family:Arial;
	font-size: 14px;
	width:100%;
	display:table;
	border-collapse: collapse;
	table-layout:fixed;
    border:1px solid black;
	background-color:white;
	text-align:left;	
	
}
.MobileEventsTableDivRow{
	display:table-row;
	width:100%;
	border:1px solid black;
}
.MobileEventsTableDivCol{
	display:table-cell;
	width:33%;
	border:1px solid black;
	padding:2%;
	text-overflow: ellipsis;
    overflow-x:hidden;
	word-break:keep-all;
}
/*ORG.php*/
.MobileTableGray .MobileTableGrayRow .MobileTableGrayCol a{
	color:inherit;
}
/*Cell.php*/
.VerticalScrollingTab{
	display:block;
	overflow-y:scroll;
    min-height:86vh;
	max-height:86vh;
	height:86vh;
	font-family:Arial;
	width:100%;
	
}
/*event-org-mobile*/
.MobileIconAlert {position:relative}
.MobileIconAlert .text {display:none; font-family:Arial; background-color:white; color:teal; font-size:0.8em; padding:4px; width:180px; text-align:center; z-index:10; left:0%; position:absolute; margin-left:-145px; top:-150%; border-radius:5px; border:1px solid black;}
.MobileIconAlert .text:before {
    content :"";
    border-width:10px 10px 0px 10px;
    border-style:solid;
    border-color:black transparent ;
    position:absolute;
    bottom:-10px;
    left:70%;
}
.MobileIconAlert:hover .text {display:block}

/*REUSED ELEMENTS*/
.MobileContentTab{
	margin-top:1%;
	background-color:white;
	color:black;
	font-family:Arial;
	font-size:14px;
	width:100%;
	padding-top:2%;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:2%;
}
.MobileContentTab2{
	background-color:white;
	color:black;
	font-family:Arial;
	width:100%;
	height:50px;
}
.MobileContentTab3{
	background-color:white;
	color:black;
	font-family:Arial;
	width:100%;
}
.MobileContentTabGray{
	margin-top:1.5%;
	background-color:#E8E8E8;
	color:black;
	font-family:Arial;
	font-size:14px;
	width:100%;
	margin-bottom:2%;
	height:100%;
}
.MobileTableDiv{
	display:table;
	width:100%;
	border:none;
	
}
.MobileTableDivRow{
	display:table-row;
	width:100%;
	border:none;
}
.MobileTableDivCol{
	display:table-cell;
	width:50%;
	border:none;
}
.MobileGreenBtn{
	width:35%;
	background-color:#85e085;
	color:white;
	border-radius:4px;
	border:none;
	text-align: center;
    text-decoration: none;
	padding:2%;
	margin-right:3%;
	font-family:Arial;
}
.MobileGreenBtn2{
	width:25%;
	background-color:#85e085;
	color:white;
	border-radius:4px;
	border:none;
	text-align: center;
    text-decoration: none;
	padding:2%;
	margin-right:3%;
	font-family:Arial;
}
.MobileBlueBtn{
	width:100%;
	background-color:#6495ed;
	color:white;
	border-radius:4px;
	border:none;
	text-align: center;
    text-decoration: none;
	font-size:14px;
	padding:2%;
	margin-right:3%;
	font-family:Arial;
	
}
.MobileBlueBtn2{
	width:25%;
	background-color:#6495ed;
	color:white;
	border-radius:4px;
	border:none;
	text-align: center;
    text-decoration: none;
	padding:2%;
	margin-right:3%;
	font-family:Arial;
}
.MobileWhiteBtn{
	width:100%;
	background-color:white;
	color:teal;
	border:none;
	text-align: center;
    text-decoration: none;
	font-size:14px;
	padding:2%;
	margin-right:3%;
	font-family:Arial;
	
}
.MobileRedBtn{
	width:35%;
	background-color:#ff4d4d;
	color:white;
	border-radius:4px;
	border:none;
	text-align: center;
    text-decoration: none;
	padding:2%;
	font-family:Arial;
}
.MobileRedBtn2{
	width:25%;
	background-color:#ff4d4d;
	color:white;
	border-radius:4px;
	border:none;
	text-align: center;
    text-decoration: none;
	padding:2%;
	font-family:Arial;
}
.MobileControlGroup{
	width:100%;
	color:black;
	font-family:Arial;
	font-size:14px;
	margin-bottom: 2%;
}
.MobileSearchInput{
	width:100%;
	font-size:16px;
	font-family:Arial;
	text-align:left;
	background-color:white;
	border-top:1px solid #F5F5F5;
	border-bottom:1px solid #F5F5F5;
	text-overflow: ellipsis;
    overflow-x:hidden;
	white-space:nowrap;
	height:100%;
}
.MobileSearchInput .input:focus{
	outline:none;
}

.MobileGrayTable{
	font-family:Arial;
	font-size: 14px;
	width:100%;
	display:table;
	border-collapse: collapse;
	table-layout:fixed;
    border-style:hidden;
	background-color:#F5F5F5;
	text-align:center;	
}
.MobileGrayTableRow{
	display:table-row;
	width:100%;
	border-style:hidden;
}
.MobileGrayTableCol{
	padding: 5%;
	display:table-cell;
	width:33.33%;
	border:1px solid #B0B0B0;
	word-break: keep-all;
	vertical-align:middle;
}
.MobileGrayTableCol a:focus{
	outline:none;
	outline:0;
	color:black;
}
.SearchHide{
	display:none;
}
.MobileEventsButton{
	font-family:Arial;
	font-size: 12px;
	width:100%;
	display:table;
	border-collapse: collapse;
	table-layout:fixed;
    border-style:hidden;
	background-color:#E0E0E0;
	text-align:center;	
}
.MobileEventsButtonRow{
	display:table-row;
	width:100%;
	border:2px solid #B0B0B0;
}
.MobileEventsButtonCol{
	padding: 3%;
	display:table-cell;
	width:25%;
	border:2px solid #B0B0B0;
	text-overflow: ellipsis;
    overflow-x:hidden;
	white-space:nowrap;
}
.MobileEventsButtonCol a{
	display:inline-block;
	width:100%;
	height:100%;
	text-decoration:none;
}
.MobileButtonNotClicked{
	background-color:#B0B0B0;
}
.MobileButtonClicked{
	background-color:#F5F5F5;
	color:#008080;
}
.MobileGrayButtonClicked{
	background-color:#D3D3D3;
	color:#008080;
	font-weight:bold;
}